.dns-records__list-item {
	border-top: 1px solid var( --color-neutral-0 );
	display: flex;
	justify-content: space-between;
	overflow: auto;
	padding: 10px 0;
	position: relative;

	.dns-records__list-type {
		min-width: 60px;

		span {
			background: var( --color-neutral-light );
			border-radius: 2px;
			color: var( --color-text-inverted );
			display: block;
			font-size: $font-body-extra-small;
			margin: 0 10px 0 0;
			padding: 10px 5px;
			text-align: center;
		}
	}

	.dns-records__list-info {
		width: 100%;
		word-break: break-all;

		strong {
			color: var( --color-text-subtle );
			font-weight: normal;
		}

		em {
			color: var( --color-text-subtle );
			display: block;
			font-size: $font-body-extra-small;
		}
	}

	&.is-disabled {
		opacity: 0.2;
		cursor: not-allowed;
	}
}
